---
title: Game Progress
description: Displays an 8-bit game progress card for tracking level goals and achievements.
---

import GameProgress from "@/components/ui/8bit/blocks/game-progress";
import CopyCommandButton from "@/components/copy-command-button";
import InstallationCommands from "@/components/installation-commands";
import ComponentPreview from "@/components/component-preview";

<div className="flex flex-col md:flex-row items-center justify-end gap-2 mb-2">
  <CopyCommandButton
    copyCommand="pnpm dlx shadcn@latest add @8bitcn/game-progress"
    command="pnpm dlx shadcn@latest add @8bitcn/game-progress"
  />
</div>

<ComponentPreview title="8-bit Game Progress block" name="game-progress">
  <GameProgress className="min-w-[300px]" />
</ComponentPreview>

## Installation

---

<InstallationCommands packageName="game-progress" />

## Usage

---

```tsx
import GameProgress from "@/components/ui/8bit/blocks/game-progress";
```

```tsx
<GameProgress />
```
